<html>
<head>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css">   
</head>

<div class="container"> 
{% if latest_question_list %}
    <ul class="question">
    {% for question in latest_question_list %}
        <li><a href="{% url 'polls:detail' question.id %}">{{ question.question_text }}</a></li>
    {% endfor %}
    </ul>
{% else %}
    <p>No polls are available.</p>
{% endif %}
</div>
<script type="text/javascript">

ul.question {
    padding-top:15px;
}

ul.question li {
    display: inline;
    padding-left:30px;
}

ul a {
    color: #333;
}

ul a:hover {
    color: #555;
    text-decoration: none;
}

ul a:active{
    color: #080808;;
    text-decoration: none;
}

</script>
</html>